<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:substituteby="template::docHead(#{system.name},'首页')">
</head>
<body>
<script type="text/javascript" th:substituteby="main.js::js"></script>
<style type="text/css">
    html {
        height: 100%
    }

    body {
        height: 100%;
        margin: 0px;
        padding: 0px
    }

    #container {
        height: 750px;
    }

    .myRow {
        margin: 0 auto;
        border-bottom: 1px solid #CCCCCC;
        padding: .5em;
    }
</style>
<nav th:replace="template::nav"></nav>
<div class="row" style="margin-top: 5em;">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img th:src="@{/images/placeholder.jpeg}" alt="..." style="width: 200px;height: 200px;"/>
            <div class="caption">
                <h3>主要功能</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
                    eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default"
                                                                                   role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img th:src="@{/images/placeholder.jpeg}" alt="..." style="width: 200px;height: 200px;"/>
            <div class="caption">
                <h3>主要功能</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
                    eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default"
                                                                                   role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img th:src="@{/images/placeholder.jpeg}" alt="..." style="width: 200px;height: 200px;"/>
            <div class="caption">
                <h3>主要功能</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
                    eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default"
                                                                                   role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img th:src="@{/images/placeholder.jpeg}" alt="..." style="width: 200px;height: 200px;"/>
            <div class="caption">
                <h3>主要功能</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
                    eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default"
                                                                                   role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img th:src="@{/images/placeholder.jpeg}" alt="..." style="width: 200px;height: 200px;"/>
            <div class="caption">
                <h3>主要功能</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
                    eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default"
                                                                                   role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img th:src="@{/images/placeholder.jpeg}" alt="..." style="width: 200px;height: 200px;"/>
            <div class="caption">
                <h3>主要功能</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at
                    eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default"
                                                                                   role="button">Button</a></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>